
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <link href="/eritasks/resources/css/site.css" rel="stylesheet">
 <link href="/eritasks/resources/css/style.min.css" rel="stylesheet" /> 
 <script src="/eritasks/resources/js/jquery.js"></script>
 <script src="/eritasks/resources/js/jstree.js"></script>
  <!-- <script src="/eritasks/resources/js/script.js"></script> -->
  <script src="/eritasks/resources/js/script.js"></script>
<script type="text/javascript">
    var datefield=document.createElement("input")
    datefield.setAttribute("type", "date")
    if (datefield.type!="date"){ //if browser doesn't support input type="date", load files for jQuery UI Date Picker
        document.write('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />\n')
        document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><\/script>\n')
        document.write('<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"><\/script>\n') 
    }
</script>
 <script type="text/javascript">
    function EnableDisableTextBox(chkReminder) {
        var reminderDate = document.getElementById("reminder");
        var reminderTym = document.getElementById("reminderTime");
        reminderDate.disabled = chkReminder.checked ? false : true;
        if (!reminderDate.disabled) {
        	reminderDate.focus();
        }
        reminderTym.disabled = chkReminder.checked ? false : true;
        if (!reminderTym.disabled) {
        	reminderTym.focus();
        }
        
    }      
</script>

<script>
$(document).ready(function() {
    $('#chkReminder').click(function() {
        if (!$(this).is(':checked')) {
          
        	$("#reminder").attr('disabled','disabled');
        	$("#reminderTime").attr('disabled','disabled');
        }
        else{
        	
        	$("#reminder").removeAttr('disabled');
        	$("#reminderTime").removeAttr('disabled');
        }
    });
});


</script> 

 
<script>
if (datefield.type!="date"){ //if browser doesn't support input type="date", initialize date picker widget:
    jQuery(function($){ //on document.ready
        $('#startDate').datepicker();
      
    })
}
</script>
<script>
if (datefield.type!="date"){ //if browser doesn't support input type="date", initialize date picker widget:
    jQuery(function($){ //on document.ready
        $('#dueDate').datepicker();
    })
}
</script>
<script>
if (datefield.type!="date"){ //if browser doesn't support input type="date", initialize date picker widget:
    jQuery(function($){ //on document.ready
        $('#reminder').datepicker();
    })
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

</head>
<body>

<div><ul id='menu'>
<li ><a href='MyTask.jsp' >My Task</a></li>
<li><a href='NewTask.html' class="focus">Create New Task</a></li>
<li><a href='customers.html'>Update Task</a></li>
<li><a href='about.html'>Delete Task</a></li>
</ul> 
  <div id ="main">
  <h1>NEW TASK</h1>
   
  
<form action="addNewTask"  commandName ="UserDTO" method="post">
Project: <input type="text" style="width:200px;" name="projectId"><br>
Subject: <input type="text" style="width:600px;" name="subject">
  <br>
Assignee: <select multiple name="assignee">
<option>EPATANJ</option>
<option>ERICPRI</option>
<option>ESWAGCH</option>
<option>ENQRUVR</option>
<option>ESREROY</option>
<option>ERANSUS</option>
</select>

Start date:
<input type="date" id="startDate" name="startdate" size="20" />
Status: <select name="Status">
<option>Not started</option>
<option>In Progress</option>
<option>Completed</option>
<option>Waiting on someone else</option>
<option>Deferred</option>
</select>
<br/>
Due date:
<input type="date" id="dueDate" name="duedate" size="20" />

Priority: <select name="Priority">
<option>Normal</option>
<option>Low</option>
<option>High</option>
</select>
Complete %:<select name="percentageComplete">
<option>0</option>
<option>25</option>
<option>50</option>
<option>75</option>
<option>100</option>
</select>
<br>    
<label for="chkReminder">
    <input type="checkbox" id="chkReminder" name ="checkBox" />
</label>        
Reminder:

<input type="date" id="reminder" name="Reminder" disabled="disabled" />

<select name="ReminderTime" id= "reminderTime" disabled="disabled" > 
<option>12:00 AM</option>
<option>12:30 AM</option>
<option>1:00 AM</option>
<option>1:30 AM</option>
<option>2:00 AM</option>
<option>2:30 AM</option>
<option>3:00 AM</option>
<option>3:30 AM</option>
<option>4:00 AM</option>
<option>4:30 AM</option>
<option>5:00 AM</option>
<option>5:30 AM</option>
<option>6:00 AM</option>
<option>6:30 AM</option>
<option>7:00 AM</option>
<option>7:30 AM</option>
<option>8:00 AM</option>
<option>8:30 AM</option>
<option>9:00 AM</option>
<option>9:30 AM</option>
<option>10:00 AM</option>
<option>10:30 AM</option>
<option>11:00 AM</option>
<option>11:30 AM</option>
<option>12:00 PM</option>
<option>12:30 PM</option>
<option>1:00 PM</option>
<option>1:30 PM</option>
<option>2:00 PM</option>
<option>2:30 PM</option>
<option>3:00 PM</option>
<option>3:30 PM</option>
<option>4:00 PM</option>
<option>4:30 PM</option>
<option>5:00 PM</option>
<option>5:30 PM</option>
<option>6:00 PM</option>
<option>6:30 PM</option>
<option>7:00 PM</option>
<option>7:30 PM</option>
<option>8:00 PM</option>
<option>8:30 PM</option>
<option>9:00 PM</option>
<option>9:30 PM</option>
<option>10:00 PM</option>
<option>10:30 PM</option>
<option>11:00 PM</option>
<option>11:30 PM</option>
<option>11:35 PM</option>
</select>
<br>
<br>
<div>
<textarea name="comments" id="comments" style="font-family:sans-serif;font-size:1.2em;width:650px;height:300px; ">

</textarea>
</div>
<input type="submit" value="Send">
</label>
</form>


</body>
</html>